<extend name='Public/demo' />

<block name='body'> <!-- 为登录页面准备的块标签 S -->
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Bg/css/component.css" />
<div class="container" style='width: 100%'>
        <div id="large-header" class="large-header" >
              <form class="form-signin" action="{:U('Index/index')}" style="position: absolute;left:50%;">
        <h2 class="form-signin-heading">P<sup>6</sup> 后台管理登录</h2>
        <div class="login-wrap">
            <input type="text" class="form-control" placeholder="管理员帐号" autofocus="">
            <input type="password" class="form-control" placeholder="管理员密码">
            <button class="btn btn-lg btn-login btn-block" type="submit">登录</button>
            <p>or you can sign in via social network</p>
        </div>
      </form>
          <canvas id="demo-canvas"></canvas>
        </div>

    </div>

    <script src="__PUBLIC__/Bg/js/TweenLite.min.js"></script>
    <script src="__PUBLIC__/Bg/js/EasePack.min.js"></script>
    <script src="__PUBLIC__/Bg/js/rAF.js"></script>
    <script src="__PUBLIC__/Bg/js/demo-1.js"></script>

    <script type="text/javascript">
      $('.container').parent().addClass('Bg');

      //让表单居中   $('.form-signin').width() / 2
      $('.form-signin').css('marginLeft', -$('.form-signin').width() / 2);

    </script>
</block>

